/* 
    Document   : style
    Created on : 22/08/2010, 11:24:20 AM
    Author     : Zifei
    Description:
        Purpose of the stylesheet follows.
*/

/*******************************************************
    Some global definition
*******************************************************/
* {
    margin:0;
    padding:0;
}

.clear {
    clear:both;
}

.left {
    float:left;
}

.right {
    float:right;
}

ul{
    list-style:none;
}

/*input styles*/
input.text{
    background:#fff url(../img/shadow.gif) repeat-x top;
    border-bottom:1px solid #ddd;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-top:1px solid #7c7c7c;
    color:#333;
    margin:0;
    padding:2px 0;
    vertical-align:middle;
}

input.button{
    background-color:#729fcf;
    color:#fff;
    border:1px solid #3465a4;
    vertical-align:middle;
}

input.button:hover{
    background-color:#3465a4;
    cursor:pointer;
}

input.checkbox {
    /*    height:13px;
        line-height:1.4em;
        margin:6px 0 0 3px;
        width:13px;*/
}

select.select{
    background:#fff url(../img/shadow.gif) repeat-x top;
    border-bottom:1px solid #ddd;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-top:1px solid #7c7c7c;
    color:#333;
    margin:1px 0;
    padding:1px 0 0;
    vertical-align:middle;
}

textarea.textarea {
    background:#fff url(../img/shadow.gif) repeat-x top;
    border-bottom:1px solid #ddd;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-top:1px solid #7c7c7c;
    color:#333;
    font-size:100%;
    margin:0;
    width:100%;
    vertical-align:middle;
}

.long{
    width: 940px;
}

.middle{
    width: 620px;
}

.short{
    width: 150px;
}

/*******************************************************
    For whole page

    color palette:
#e6e2af
#a7a37e
#efecca
#046380
#002f2f
*******************************************************/
body {
    font-family:"Lucida Grande", Arial, Tahoma, Verdana, sans-serif;
    text-align:center;
    width:100%;
    height:100%;
    font-size:62.5%; /*set 1em equal to 10px*/
    /*    background: #333 url("../img/bg.gif") repeat top left;*/
    background-color: white;
}

#container{
    margin: 150px auto;
    text-align: left;
    width: 800px;
    min-height: 100%;
    /*    border: 1px solid #000;*/
    font-size: 12px;
}

#book_table,
#ads_table{
    background-color: #99C7ED;
    border: 1px solid #aaa;
    padding: 5px;
    margin-bottom: 10px;
}

.cell_required{
    color: red;
}

#ads_table{
    /*    margin-top: 30px;*/
}

.table_label{
    font-weight: 700;
    width: 90px;
    text-align: right;
    margin-right: 5px;
}

#sys_details{
    float: left;
}

#ads_details,
#ads_submit{
    float: right;
}

#course_details,
#course_books{
    background-color: #eee;
}


/*width might need to adjust*/
#sys_details{
    width: 399px;
    /*    border: 1px solid #000;*/
}
#book_table,
#ads_table{
    width: 399px;
}

#book_table .text,
#ads_table .text{
    width: 200px;
}
